﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="SliderHomeEstate.ascx.cs"
    Inherits="Controls_SliderHomeEstate" %>
<script type="text/javascript">
    $(document).ready(function () {

        /* phần tử cuối cùng của mảng hình background */
        var lastEl = $("#body-bg div").length - 1;

        /* add css */
        $("#body-bg").css({ "left": -345, "top": 0, "position": "fixed", "position": "absolute", "z-index": "-1" });
        $("#body-bg div").css({ "width": $(document).width(), "height": $(document).height(), "min-height": "600px", "min-width": "800px", "position": "absolute" });
        $("#body-bg > div").slice(1, lastEl).css("display", "none"); // cho phan tu thu 2 tro di an
        /* Cho phan tu dau tien cua mang la background mac dinh */
        var bgId = 0;
        var preId = lastEl;

        // sau 8 giay goi lai ham thay doi background 1 lan
        setInterval(function () {
            if (bgId == lastEl) {
                bgId = 0;
                preId = lastEl;
            }
            else {
                bgId++;
                preId = bgId - 1;
            }


            $("#body-bg > div").slice(preId).fadeOut(6000); // hình hiện tại mờ dần trong 6 giây
            $("#body-bg > div ").slice(bgId).fadeIn(6000); // hình tiếp theo hiện lên trong 6 giây
        }, 10000 // 8 giây gọi lại hàm này
                );
    })
	</script>
<div style="position: absolute; top: 0px; left: -345px; width: 1004px; height: 768px;
    z-index: -1;" id="body-bg">
    <div style="background: url(&quot;/images/bg_land3.jpg&quot;) no-repeat scroll right top transparent;
        width: 1349px; height: 768px; min-height: 600px; min-width: 800px; position: absolute;
        display: block;">
    </div>
    <div style="background: url(&quot;/images/bg_land2.jpg&quot;) no-repeat scroll right top transparent;
        width: 1349px; height: 768px; min-height: 600px; min-width: 800px; position: absolute;
        display: block;">
    </div>
    <div style="background: url(&quot;/images/bg_land.jpg&quot;) no-repeat scroll right top transparent;
        width: 1349px; height: 768px; min-height: 600px; min-width: 800px; position: absolute;
        display: block; opacity: 0.607027;">
    </div>
</div>
